<template>
  <div id="all">
    <h1>query:{{ query }}</h1>
    <h1>{{ msg || "default message" }}</h1>
    <button id="click" @click="clickMessage">
      测试点击增加删除
    </button>
    <div class="click1">
      界面元素测试
    </div>
  </div>
</template>

<script>
export default {
  name: "message",
  props: {
    msg: {
      type: String,
      default: "测试组件传参",
    },
  },
  data() {
    return {
      query: "测试字符串参看",
      queryList: [
        {
          id: 1,
        },
        {
          id: 2,
        },
      ],
      clickData:"点我前"
    };
  },
  methods:{
    clickMessage(){
      this.clickData = '点我了'
    }
  }
};
</script>
